<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width initial-scale=1,maximum-scale=1,user-scalable=no'/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
    <title th:text="${title}"> </title>
    <!-- Compiled and minified CSS -->
    <link th:href="@{//assets/global/css/materializeIcon.css}" type="text/css" rel="stylesheet" media="screen,projection">
    <link rel="stylesheet" th:href="@{//assets/mobilephone/css/materialize.css}">

    <!-- Compiled and minified JavaScript -->
    <script th:src="@{//assets/global/js/jquery.min.js}"></script>
    <script th:src="@{//assets/mobilephone/js/materialize.js}"></script>
    <script th:src="@{//assets/admin/ahsj.mobile.toolbar.js}" th:inline="javascript"></script>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <script th:src="@{//assets/global/js/mobile-detect.js}"></script>
    <style>
        /*通用样式*/
        /*手机*/
        span[class="h_size"]{
            font-size: 3rem;
        }
        @media only screen and (min-width:320px) and (max-width:375px){
            html{
                font-size: 3px;
            }
            img[class="activator"] {
                width:300px ;
                height:400px;
                background-size:100%;
            }
        }
        @media only screen and (min-width:375px) and (max-width:414px){
            html{
                font-size: 5px;
            }
            img[class="activator"] {
                width:370px ;
                height:500px;
                background-size:100%;
            }
        }
        @media only screen and (min-width:414px) and (max-width:600px){
            html{
                font-size: 8px;
            }
            img[class="activator"] {
                width:400px ;
                height:500px;
                background-size:100%;
            }
        }
        @media only screen and (min-width:600px){
            img[class="activator"] {
                width:600px ;
                height:700px;
                background-size:100%;
            }
        }
    /*    .btn{
            height: 3rem;
            width: 2rem;
        }
        .material-icons{
            height: 20px;
        }
*/
        .btn{
            height: 38px;
            width: 35px;
            padding: 1px 0px 1px;
        }
    </style>
    <script>
        var mobiledetect = new MobileDetect(window.navigator.userAgent);

    </script>
</head>